<template>
   <div class="container">
        <!-- --t是自定义属性，通过var函数可调用 -->
        <li style="--t:20%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <li style="--t:30%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <li style="--t:40%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <li style="--t:50%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <li style="--t:60%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <li style="--t:70%;">
            <a href="#">
              <Icons type="icon-xiaoxi-zhihui" style="font-size: 20px;"></Icons>
            </a>
        </li>
        <div class="top"></div>
        <div class="middle"></div>
        <div class="bottom"></div>
    </div>
</template>
<script setup>
import { Icons } from 'ikicons'

</script>
<style>
@import '@/assets/css/lefttite.css';
</style>